<template>
    <div class="app-main-container">
        <!-- 菜单栏 -->
        <el-menu
                :default-active="activeIndex2"
                class="el-menu-demo"
                mode="horizontal"
                @select="handleSelect"
                background-color="#545c64"
                text-color="#fff"
                active-text-color="#ffd04b">
            <el-menu-item index="1" @click="toExport">主页</el-menu-item>
            <el-submenu index="2">
                <template slot="title">代码生成</template>
                <el-menu-item index="2-1" @click="toAndroid">生成android</el-menu-item>
                <el-menu-item index="2-2">生成web</el-menu-item>
                <el-menu-item index="2-3" @click="toEmptyEnd">后端空文件</el-menu-item>
            </el-submenu>
            <el-menu-item index="3" @click="toTranslate">多语言处理</el-menu-item>
            <el-menu-item index="4" @click="toDatabase">数据库</el-menu-item>
            <el-submenu index="5">
                <template slot="title">每日工作</template>
                <el-menu-item index="5-1" @click="toStartWork">开始工作</el-menu-item>
                <el-menu-item index="5-2" @click="toWorkView">工作分析</el-menu-item>
                <el-menu-item index="5-3" @click="toWorkBase">数据管理</el-menu-item>
                <el-menu-item index="5-4" @click="toEchart">视图</el-menu-item>
            </el-submenu>
            <el-menu-item index="6" @click="toFlashData">造假砖家</el-menu-item>
            <el-menu-item index="8" @click="toAutoExport">自动导出</el-menu-item>
            <el-menu-item index="7">帮助</el-menu-item>
        </el-menu>
        <!-- 主布局 -->
        <div class="main-content">
            <div class="main-content-inner">
                <div class="page-content">
                    <div class="row">
                        <div class="col-xs-12">
                            <!-- PAGE CONTENT BEGINS -->
                            <router-view/>
                            <!-- PAGE CONTENT ENDS -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.page-content -->
            </div>
        </div><!-- /.main-content -->
    </div>
</template>

<script>
  export default {
    name: 'home',
    components: {},
    data() {
      return {
        isCollapse: true
      }
    },
    created() {
      this.query()
    },
    methods: {
      // 跳转欢迎页面
      toExport() {
        this.$router.push("/welcome")
      },
      // 跳转生成Android代码页面
      toAndroid() {
        this.$router.push("/android")
      },
      // 跳转多语言处理界面
      toTranslate() {
        this.$router.push("/translate")
      },
      // 跳转生成后端空文件页面
      toEmptyEnd() {
        this.$router.push("/emptyend")
      },
      // 跳转数据库管理页面
      toDatabase() {
        this.$router.push("/database")
      },
      // 跳转工作界面
      toStartWork() {
        this.$router.push("/workreport")
      },
      // 跳转工作视图分析界面
      toWorkView() {
        this.$router.push("/workview")
      },
      // 跳转工作基础界面
      toWorkBase() {
        this.$router.push("/workbase")
      },
      // 跳转工作基础界面
      toEchart() {
        this.$router.push("/workechart")
      },
      // 跳转假数据页面
      toFlashData() {
        this.$router.push("/flashdata")
      },
      // 跳转假数据页面
        toAutoExport() {
        this.$router.push("/autoExport")
      }
    }
  }
</script>